
<%@page contentType="text/html;charset=UTF-8"   language="java"  %>
<%
    String base = request.getContextPath();
%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Market Place</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <jsp:include page="/pages/common/include.jsp" flush="true"/>
    <link rel="stylesheet" type="text/css" href="<%=base%>/resources/css/hideMenu/learn-about.css"/>
    <style type="text/css">
        .about-us .photo {width: 100%; }
        .about-us .content {width: 100%;  padding: 10px 0 0 10px; color: rgb(71,71,71);!important;}
        .about-us .content h2 {padding-bottom: 20px; color: #005D4A; font-size: 18px; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold;}
        .about-us .content p {padding-bottom: 25px; color: rgb(71,71,71);!important;}

    </style>
</head>

<body>
<div id="offCanvasWrapper" class="mui-off-canvas-wrap mui-draggable">
    <!--侧滑菜单部分-->
    <aside id="offCanvasSide" class="mui-off-canvas-left">
        <div id="offCanvasSideScroll" class="mui-scroll-wrapper">
            <div class="mui-scroll">
                <jsp:include page="/pages/common/menu.jsp" flush="true" />
            </div>
        </div>
    </aside>
    <!--主界面部分-->
    <div class="mui-inner-wrap">
        <header class="mui-bar mui-bar-nav" id="headBox">
            <jsp:include page="/pages/common/top.jsp" flush="true" />
        </header>
        <header class="mui-bar mui-bar-nav GreenHeader">
            <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
            <h1 class="mui-title">About Us</h1>
        </header>
        <div id="offCanvasContentScroll" class="mui-content mui-scroll-wrapper noHead">

            <div id="container" class="clearfix">


                <div class="about-us clearfix">

                    <div class="photo">
                        <img width="100%" src="http://www.marketplacebyjasons.com/mpjshop/docroot/en/styles/images/others/about-us/photo.jpg" alt="about-us" title="about-us">
                    </div>

                    <div class="content">

                        <div class="aboutUs clearfix"> <h2>About Market Place by Jasons</h2> <p>Market Place by Jasons is a lifestyle supermarket offering quality products and services. Launched in Hong Kong in 2007 as a premium supermarket brand under The Dairy Farm Company, Limited, we offer customers a unique combination of international and customized assortment of foods, produce and merchandise in a pleasurable, comfortable and contemporary shopping environment.</p> <h2>The Market Place by Jasons Experience</h2> <p>Market Place by Jasons believes that the world would be a better place if our days were sprinkled with a little more joy. With our diversified and quality gourmet from around the globe, we hope our customers could enjoy joyous moments while shopping with their family and friends. </p> <p>We are also devoted to creating an atmosphere that encourages shoppers to discover new products and leave with excitement for trying these unplanned delights, thereby transforming a shopping trip for staple merchandise into a rewarding culinary journey.</p> </div>

                    </div>

                </div>
                <!-- add by kanal -->




            </div>


        </div>

        <!--searchbar-->
        <div class="searchBar">
            <jsp:include page="/pages/common/search.jsp" flush="true" />
        </div>

        <div class="rightBottom animate"></div>

        <!-- off-canvas backdrop -->
        <div class="mui-off-canvas-backdrop"></div>
    </div>
</div>
<script type="text/javascript" src="<%=base%>/resources/js/hideMenu/learn-about.js" ></script>
<script>

    //主界面和侧滑菜单界面均支持区域滚动；
    mui('#offCanvasSideScroll').scroll();
    mui('#offCanvasContentScroll').scroll();
</script>
</body>

</html>